#banner{
		width:100%;
		height:450px;
		margin:0 auto;
		position:relative;
		overflow:hidden;}
.swiper-container {
        width: 100%;
        height: 420px;
		position:absolute;
    }
    .swiper-slide .detail{
		height:80px;
		background:rgba(0,0,0,.3);
		position:absolute;
		width:100%;
		bottom:0;
		color:#fff;
		opacity:0;
		transition:opacity .3s .3s;
    }
	.swiper-slide-active .detail{
		opacity:1;
		}
	.swiper-slide .detail h3{
		width:950px;
		margin:10px auto 0;}
	.swiper-slide .detail p{
		width:950px;
		margin:10px auto 0;}	
	.swiper-slide .detail p span{
		width:650px;
		display:block;}	
/**/.effect1 img{
		transform:scale(1.25,1.25) translate(10%,10%);
		transform:scale(1.1,1.1) translate(4.545%,4.545%);
		/*tr     =    (sc-1)/2sc*100%              */
        /* --1.25       0.25/2.5*100%=10%          */
		
		}
		
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}	
.swiper-pagination{
	bottom:5px;
	width:100%;
	text-align: center;
}
.swiper-pagination-bullet{
	width:20px;
	height:20px;
	background:#333;
	margin:0 5px;
	}
.swiper-pagination-bullet-active{opacity:1;background:#d9534f}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
.index-teacher .swiper-pagination{bottom:0px;}
.swiper_pos{position:relative;z-index:100;padding:20px 0 0 0;}
.bg-blur{position:absolute;top:-30px;left:-50px;z-index:0;width:150%;height:500px;line-height: 500px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}
.bg-blurs{position:absolute;top:-30px;left:-50px;z-index:0;width:150%;height:500px;line-height: 500px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-filter:blur(15px);-moz-filter:blur(15px);-o-filter:blur(15px);-ms-filter:blur(15px);filter:blur(15px)}
.bg-blurt{position:absolute;top:-30px;left:-50px;z-index:0;width:150%;height:500px;line-height: 500px;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}
